<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="tfn" uri="http://www.totoro.com/functions" %>
<html>
<head>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/user/ui_header.css"/>
</head>
<header class="mt-header" data-spm="a210b">
    <article>
        <div class="mt-logo" style="margin-left: 0px;">
            <a title="我的天猫" href="${pageContext.request.contextPath}/" class="mt-tblogo">
                <i class="iconfont icon-tianmaotmall" style="color: #fff;font-weight: 400; font-size: 31px; top: -8px; position: relative;"></i>
            </a>
        </div>
        <c:set var="pageOriginalUrl" value='${fn:substring(pageContext.request.servletPath, tfn:lastIndexOf(pageContext.request.servletPath, "/")+1, fn:length(pageContext.request.servletPath))}'></c:set>
        <c:set var="rightSelected" value="${pageOriginalUrl == 'receipt_address.jsp' or pageOriginalUrl == 'my_data.jsp'}"></c:set>
        <nav class="mt-nav">
            <ul id="J_MtMainNav">
                <li class="${!rightSelected ?'selected':''}">
                    <a href="/user/index.htm" data-spm="d1000352">首页</a>
                    <i class="mt-arrow"></i>
                </li>
                <li class="J_MtNavSubTrigger ${rightSelected ?'selected':''}">
                    <a class="mt-nav-parent mt-nav-sub-wrap" href="/user/myData.htm" data-spm="d1000356">账户设置<i><em></em><s></s></i></a>
                    <i class="mt-arrow"></i>
                    <div class="J_MtNavSub mt-nav-sub hide" style="opacity: 0; margin-top: -15px;">
                        <div class="mt-nav-arr"></div>
                        <dl class="mt-nav-sub-col1">
                            <dt>安全设置</dt>
                            <dd>
                                <p><a data-spm="11" href="/user/find_password.htm">修改登录密码</a></p>
                                <p><a data-spm="12" href="//110.taobao.com/account/rebind_phone_begin.htm">手机绑定</a></p>
                                <p><a data-spm="13" href="//110.taobao.com/product/question_set.htm">密保问题设置</a></p>
                                <p><a data-spm="10" href="//member1.taobao.com/member/fresh/account_security.htm">其他</a></p>
                            </dd>
                        </dl>
                        <dl class="mt-nav-sub-col2">
                            <dt>个人资料</dt>
                            <dd>
                                <p><a data-spm="8" href="/user/receiptAddress.htm">收货地址</a></p>
                                <p><a data-spm="14" href="/user/myData.htm">修改头像、昵称</a></p>
                            </dd>
                        </dl>
                        <dl class="mt-nav-sub-col3">
                            <dt>账号绑定</dt>
                            <dd>
                                <p><a data-spm="7" href="//member1.taobao.com/member/fresh/account_management.htm">支付宝绑定</a></p>
                                <p><a data-spm="16" href="//member1.taobao.com/member/fresh/weibo_bind_management.htm">微博绑定</a></p>
                            </dd>
                        </dl>
                    </div>
                </li>

            </ul>
            <div class="search" id="J_Search" role="search">
                <div class="search-panel search-sns-panel-field">
                    <form target="_blank" action="//s.taobao.com/search" name="search" id="J_TSearchForm" class="search-panel-focused">
                        <div class="search-button">
                            <button class="btn-search" type="submit">搜 索</button>
                        </div>
                        <div class="search-panel-fields">
                            <label for="q"></label>
                            <div class="search-combobox" id="ks-component1045">
                                <div class="search-combobox-input-wrap">
                                    <div class="search-combobox"><div class="search-combobox-input-wrap"><input id="q" name="q" accesskey="s" autofocus="true" autocomplete="off" x-webkit-speech="" x-webkit-grammar="builtin:translate" aria-haspopup="true" aria-combobox="list" role="combobox" class="search-combobox-input" aria-label="请输入搜索文字或从搜索历史中选择"></div></div></div>
                            </div>
                        </div>
                        <input type="hidden" name="commend" value="all">
                        <input type="hidden" name="ssid" value="s5-e" autocomplete="off">
                        <input type="hidden" name="search_type" value="mall" autocomplete="off">
                        <input type="hidden" name="sourceId" value="tb.index">
                        <input type="hidden" name="area" value="c2c">
                        <input type="hidden" name="spm" value="a1z02.1.6856637.d4910789">
                        <!--[if lt IE 9]><s class="search-fix search-fix-panellt"></s><s class="search-fix search-fix-panellb"></s>
                        <![endif]-->
                    </form>
                </div>
            </div>
        </nav>

    </article>
</header>
<script>
    // 悬浮账户设置，展开内容
    $(".J_MtNavSubTrigger").hover(function () {
        $(".mt-nav-sub").removeClass("hide").animate({"opacity":"1"},500).css("marginTop","0px");
    }, function () {
        $(".mt-nav-sub").animate({"opacity":"0"},500)
        setTimeout(function () {
            $(".mt-nav-sub").addClass("hide").css("marginTop","-15px");
        }, 500);
    });
</script>
</html>
